<template>
  <section>
    <!-- 顶部导航栏 -->
    <GHeader></GHeader>
    <section class="main">
      <!-- 侧边导航栏 -->
      <GSideBar />
      <!-- 主体内容 -->
      <section style="width: 240px; opacity: 0">占</section>
      <section class="main-body">
        <router-view></router-view>
      </section>
    </section>
  </section>
</template>

<script setup>
import GHeader from '@/components/GlobalHeader.vue';
import GSideBar from '@/components/GlobalSideBar.vue';
</script>

<style lang="scss" scoped>
.main {
  display: flex;
  &-body {
    margin-left: 24px;
    margin-top: 24px;
  }
}
</style>
